body{
	background: rgba(128, 128, 128, .2);
	padding:0;
	margin:0;
}
.player{
	width:256px;
	height:256px;
	padding:0;
	margin:0 auto;
	text-align: center
}
.head{
	width:100px;
	height:100px;
	position: absolute;
	border: none;
	border-radius: 50px;
	-webkit-box-shadow: 0 0 15px rgba(203, 203, 203, .4);
	-moz-box-shadow:0 0 15px rgba(203, 203, 203, .4);
	box-shadow: 0 0 15px rgba(203, 203, 203, .4);
}
.black{
	background: rgba(0, 0, 0, 1);
	-webkit-box-shadow:0 0 2px rgba(0,0,0,.5);
	-moz-box-shadow:0 0 2px rgba(0,0,0,.5);
	box-shadow:0 0 2px rgba(0,0,0,.5);
}
.white{
	background: rgba(255, 255, 255, 1);
    -webkit-box-shadow:0 0 2px rgba(255,255,255,.5);
    -moz-box-shadow:0 0 2px rgba(255,255,255,.5);
    box-shadow:0 0 2px rgba(255,255,255,.5); 
}
.active{
	-webkit-box-shadow: 0 0 45px rgba(255, 0, 0, .5);
	-moz-box-shadow:0 0 45px rgba(255, 0, 0, .5);
	box-shadow: 0 0 45px rgba(255, 0, 0, .5);
}
.msg{
	width:100%;
	height:60px;
	line-height:60px;
	text-align: center;
	font-family:"Apple LiGothic Medium","Microsoft YaHei","微软雅黑";
	font-size: 18px;
	font-weight: 500;
}
.chessboard{
	width:494px;
	padding:0;
	margin:0;
	display: block;
	position: absolute;
	background: rgba(255, 240, 230, .3);
	border: 1px solid rgba(127, 120, 115, .3);
	-webkit-box-shadow: 0 0 35px rgba(203, 203, 203, .9);
	-moz-box-shadow:0 0 35px rgba(203, 203, 203, .9);
	box-shadow: 0 0 35px rgba(203, 203, 203, .9);
	/*overflow: hidden;*/
}
.chessman{
	width:22px;
	height:22px;
	padding:0;
	border-radius: 11px;
}
.cell{
	padding:0;
	margin:0;
	border-right:1px solid rgba(0, 0, 0, .3);
	border-bottom:1px solid rgba(0, 0, 0, .3);
	float: left;
}
.clickCell{
	padding:1px;
	margin:0;
	position:absolute;
	/*background: rgba(255,0,0,.5);*/
	cursor:pointer;
}
.btn{
	color: rgba(1,1,1,.9);
	font-size: 20px;
	font-family:"FZShuTi","方正舒体","Apple LiGothic Medium";
	font-style: oblique;
	display:block;
	cursor:pointer;
	text-decoration:none;
	margin-bottom: 15px;
}
.btn:hover{
	font-size:21px;
	color: rgba(0,0,0,1);
	text-decoration: underline;
}
.btn:active{
	font-size:20px;
	color:rgba(33,33,33,.5);
	text-decoration:none;
}
/* alert box */
.alert{
	width:480px;
	height:auto;
	padding:10px;
	border: 1px solid rgba(10, 200, 200, .2);
	-webkit-box-shadow: 0 0 50px rgba(1, 1, 1, .9);
	-moz-box-shadow:0 0 50px rgba(1, 1,1, .9);
	box-shadow: 0 0 0px rgba(1,1,1, .9);
	background:rgba(240,240,240,1);
	position: absolute;
	z-index: 99;
}
.content{
	width:100%;
	min-height: 20px;
	line-height:20px;
	padding-top:10px;
	border-bottom: 1px solid rgba(0,0,0,.2);
}
.button{
	width:4em;
	height:2em;
	line-height:2em;
	margin-top:10px;
	background:rgba(131,175,155,.7);
	border:1px solid rgba(254,67,101,.5);
	cursor:pointer;
	text-align:center;
	color:rgb(33,33,33);
}
.button:hover{
	background:rgba(200,103,103,.7);
	border:1px solid rgba(200,200,169,.5);
	color:rgb(200,200,168); 
}
.button:active{
	color:rgb(33,33,33);
	background:rgba(249,205,173,.5);
	border:1px solid rgba(252,157,154,.5);
	-webkit-box-shadow:0,0,5px rgba(0,10,255.3);
	-moz-box-shadow:0,0,5px rgba(0,10,255.3);
	box-shadow:0,0,5px rgba(0,10,255.3);
}
.pull-right{
	float: right;
}
